<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Uwo</title>
        <meta http-equiv="Content-Type"content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1">
        <meta name="keywords" content="Uwo">
        <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit">
        <link href="__PUBLIC__/static/home/css/index.css" rel="stylesheet" type="text/css" />
		    <link rel="stylesheet" type="text/css" href="__PUBLIC__/static/home/ionicons/css/ionicons.min.css">
    </head>

    <body>
      <iframe style="margin-top:0px;" id="main_iframe" name="main" src="{:url('Helpcontent/index')}" width="100%"   frameborder="no"></iframe>

      <div class="bottom">
        <ul>
          <li style="color:#0099CC"><i class="ion-android-walk"></i><span>去帮忙</span> </li>
          <li><i class="ion-android-person-add"></i><span>找服务</span></li>
          <li><i class="ion-ios-plus"></i><span>发布</span></li>
          <li><i class="ion-android-contact"></i><span>我的</span></li>
        </ul>
      </div>
    </body>

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $mainheight = $(window).height()-50;
        $("#main_iframe").height($mainheight);
        $(".bottom li").click(function(){
          $index = $(".bottom li").index(this);  //获取鼠标悬浮 li 的index
          $(".bottom li").eq($index).siblings().css("color","#999999");
          $(".bottom li").eq($index).css("color","#0099CC");

          if($index==0)
           $('#main_iframe').attr('src', 'Helpcontent/index.html');
          if($index==1)
           $('#main_iframe').attr('src', 'classify/index.html');
          if($index==2)
           $('#main_iframe').attr('src', 'Add/index.html');
          if($index==3)
           $('#main_iframe').attr('src', 'My/index.html');
        });
      });
 </script>

</html>
